/* static/css/curl_convert.css */

body {
    font-family: Arial, sans-serif;
    margin: 20px;
}
textarea {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
}
pre {
    background-color: #f4f4f4;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: auto;
    width: 100%;
    box-shadow: none !important; /* 强制移除阴影效果 */
    white-space: pre-wrap; /* 自动换行以适应表格宽度 */
    word-wrap: break-word; /* 允许长单词换行 */
    overflow: visible !important; /* 确保内容不会隐藏，阴影问题可以解决 */
}
.button-container {
    margin-top: 20px;
}
.btn-group {
    display: flex;
    gap: 10px;
    justify-content: flex-start; /* 按钮靠左显示 */
}
button, input[type="submit"] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    line-height: 1.5;
    max-width: 150px; /* 统一按钮宽度 */
}
button:hover, input[type="submit"]:hover {
    background-color: #0056b3;
}
.btn-group .copy-btn {
    max-width: 200px; /* 确保复制按钮最大宽度一致 */
}

#result {
    font-family: monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.string { color: green; }
.number { color: blue; }
.boolean { color: red; }
.null { color: magenta; }

/* 高亮样式 */
pre#pythonCode .keyword { color: #66d9ef; font-weight: bold; }  /* 关键字 */
pre#pythonCode .string { color: #a6e22e; }  /* 字符串 */
pre#pythonCode .comment { color: #75715e; font-style: italic; }  /* 注释 */
pre#pythonCode .function { color: #fd971f; }  /* 函数名 */
pre#pythonCode .number { color: #ae81ff; }  /* 数字 */

/* Python代码美化 */
#pythonCode {
    background-color: #2b2b2b; /* 深色背景，更加专业 */
    color: #f8f8f2; /* 浅色字体，与背景对比度高 */
    padding: 15px; /* 增加内边距，使内容不紧贴边缘 */
    border-radius: 5px; /* 圆角边框，视觉上更柔和 */
    overflow-x: auto; /* 横向滚动条，防止长代码溢出 */
    font-family: 'Courier New', Courier, monospace; /* 等宽字体，代码更易读 */
    line-height: 1.5; /* 增加行高，代码段落间距更好 */
    white-space: pre-wrap; /* 保持换行 */
}
